<template>
  <view class="content">
    <view class="head">
      <view class="title">
        <text class="text">智能防盗锁</text>
      </view>
    </view>
    <view class="body">
      <view class="cont" v-for="(item, index) in options" :key="index">
        <primary-options :options="item"></primary-options>
      </view>
    </view>
  </view>
</template>

<script>
import PrimaryOptions from "@/components/introduce/PrimaryOptions.vue";
export default {
  name: "content",
  components: {
    PrimaryOptions,
  },
  data() {
    return {
      clickedPrimary: false,
      checkedSecondary: false,
      status: "",
      activeId: 0,
      options: [
        {
          id: 0,
          title: "产品介绍",
          options: [
            {
              id: 0,
              title: "主体结构",
              content: "该系统由链锁模块和通信报警模块组成",
            },
            {
              id: 1,
              title: "蓝牙模块",
              content: "JDY-24m蓝牙模块，含有iBeacon模式和省电模式",
            },
            {
              id: 2,
              title: "电池型号",
              content: "18650锂电池",
            },
            {
              id: 3,
              title: "通信模块",
              content: "选用NB-IoT+GPS通信模组EC-01G",
            },
          ],
        },
        {
          id: 1,
          title: "功能模块",
          options: [
            {
              id: 0,
              title: "位置信息",
              content: "显示智能锁与当前所在位置",
            },
            {
              id: 1,
              title: "蓝牙骑行",
              content: "通过小程序蓝牙连接解锁",
            },
            {
              id: 2,
              title: "系统设置",
              content: "修改智能锁的相关配置",
            },
            {
              id: 3,
              title: "电池电量",
              content: "查看智能锁当前的电量",
            },
          ],
        },
        {
          id: 2,
          title: "产品特点",
          options: [
            {
              id: 0,
              title: "多种安全措施的智能锁",
              content: "该智能锁具有多种安全措施以应对不同的盗窃场景",
            },
            {
              id: 1,
              title: "高效的开锁方式",
              content: "用户可以通过NFC或蓝牙配对方式进行开锁",
            },
            {
              id: 2,
              title: " iBeacon寻车模式",
              content:
                "用户可以打开蓝牙和微信小程序，在距离车辆一定距离内获取车辆的具体方位和距离。",
            },
            {
              id: 3,
              title: " 利用微信小程序配置模块",
              content: "无需用户格外下载app，拥有多种功能以改善用户使用体验",
            },
            {
              id: 4,
              title: " 电源管理功能",
              content: "通过HT32单片机检测锁模块和通信报警模块的点量",
            },
          ],
        },
        {
          id: 3,
          title: "常见问题",
          options: [
            {
              id: 0,
              title: "蓝牙无法连接",
              content:
                "连接蓝牙时请开启位置信息，并查看系统设置是否关闭蓝牙模块。",
            },
          ],
        },
      ],
    };
  },
  methods: {
    showMore() {
      this.clickedPrimary = !this.clickedPrimary;
    },
    getStatus(value) {
      this.activeId = value;
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  background-color: aliceblue;
  .head {
    padding-top: 20rpx;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    .title {
      width: 90%;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 25rpx 0;
      border-radius: 20rpx;
      .text {
        font-size: 36rpx;
        color: #333333;
        letter-spacing: 4rpx;
      }
    }
  }
  .body {
    padding: 30rpx 30rpx 0;
    border-radius: 20rpx;
  }
}
</style>